<template>
  <ez-row>
    <ez-button size="large">Large</ez-button>
    <ez-button>Default</ez-button>
    <ez-button size="small">Small</ez-button>
    <ez-button size="large"> <ez-icon name="search" />Search</ez-button>
    <ez-button> <ez-icon name="search" /> Search</ez-button>
    <ez-button size="small"> <ez-icon name="search" />Search</ez-button>
  </ez-row>
  <ez-row class="my-4">
    <ez-button size="large" round>Large</ez-button>
    <ez-button round>Default</ez-button>
    <ez-button size="small" round>Small</ez-button>
    <ez-button size="large" round> <ez-icon name="search" />Search</ez-button>
    <ez-button round> <ez-icon name="search" />Search</ez-button>
    <ez-button size="small" round> <ez-icon name="search" />Search</ez-button>
  </ez-row>
  <ez-row>
    <ez-button size="large" circle> <ez-icon name="search" /></ez-button>
    <ez-button circle> <ez-icon name="search" /></ez-button>
    <ez-button size="small" circle> <ez-icon name="search" /></ez-button>
  </ez-row>
</template>
<script setup lang="ts"></script>
